
<h3>活动设置</h3>

<div class="card">
	<p-panel header="{{bingo.title}}">

		<div class="ui-g">
			<div class="ui-g-1">
				<label>代号</label>
			</div>
			<div class="ui-g-5">
				<input type="text" size="10" pInputText [(ngModel)]="bingo.code" />
			</div>
			<div class="ui-g-1">
				<label>标题</label>
			</div>
			<div class="ui-g-5">
				<input type="text" size="30" pInputText [(ngModel)]="bingo.title" />
			</div>

			<div class="ui-g-1">
				<label>作者</label>
			</div>
			<div class="ui-g-5">
				<input type="text" size="15" pInputText [(ngModel)]="bingo.author" />
			</div>
			<div class="ui-g-1">
				<label>日期</label>
			</div>
			<div class="ui-g-5">
				<p-calendar [(ngModel)]="bingo.date" dateFormat="yy-mm-dd"></p-calendar>
			</div>
			<div class="ui-g-1">
				<label>活动说明</label>
			</div>
			<div class="ui-g-11">
				<textarea pInputTextarea cols="80" rows="3" [(ngModel)]="bingo.content"></textarea>
			</div>
		</div>

	</p-panel>
</div>

<div class="card">

	<p-dataTable [value]="prizes" selectionMode="none" [paginator]="false" [responsive]="true">

		<p-column field="pid" header="序号"></p-column>
		<p-column field="name" header="奖项"></p-column>
		
		<p-column field="worth" header="价值">
			<ng-template let-col let-row="rowData" pTemplate="body">
				{{ row[col.field] | currency: "￥" }}
			</ng-template>
		</p-column>
		<p-column field="amount" header="数量"></p-column>
		
		<p-column field="detail" header="内容"></p-column>
		
	</p-dataTable>

</div>
